﻿<?xml version="1.0" encoding="utf-8"?><Articles><Article><ArticlesID>861</ArticlesID><Title>Định nghĩa CSS v&amp;#224; bước bắt đầu</Title><Body>&amp;lt;p align=&amp;quot;justify&amp;quot;&amp;gt;CSS l&amp;amp;agrave; từ viết tắt của Cascading Style Sheets : c&amp;amp;ocirc;ng  dụng d&amp;amp;ugrave;ng để trang tr&amp;amp;iacute; trang web của bạn, v&amp;amp;agrave; th&amp;amp;ocirc;ng thường được gắn với  c&amp;amp;aacute;c ng&amp;amp;ocirc;n ngữ như l&amp;amp;agrave; HTML, PHP, d&amp;amp;ugrave;ng l&amp;amp;agrave;m nổi bậc trang web v&amp;amp;agrave; h&amp;amp;igrave;nh ảnh  trang web của bạn.&amp;lt;/p&amp;gt;
&amp;lt;p align=&amp;quot;justify&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;font-family: Verdana; font-size: 10pt;&amp;quot;&amp;gt;Mỗi  khi bạn bắt đầu một Style Sheets, th&amp;amp;igrave; bắt buộc mở bằng &amp;amp;lt;HEAD&amp;amp;gt; v&amp;amp;agrave;  kết th&amp;amp;uacute;c bằng &amp;amp;lt;/HEAD&amp;amp;gt; v&amp;amp;agrave; tiếp theo sau đ&amp;amp;oacute; l&amp;amp;agrave; khai b&amp;amp;aacute;o  &amp;amp;lt;STYLE&amp;amp;gt; v&amp;amp;agrave; kết th&amp;amp;uacute;c bằng &amp;amp;lt;/STYLE&amp;amp;gt; &amp;lt;br /&amp;gt;
v&amp;amp;agrave; sau những bước tr&amp;amp;ecirc;n  th&amp;amp;igrave; bạn c&amp;amp;oacute; thể nh&amp;amp;igrave;n thấy nguy&amp;amp;ecirc;n đoạn code như sau&amp;lt;/span&amp;gt;&amp;lt;/p&amp;gt;
&amp;lt;pre title=&amp;quot;code&amp;quot; class=&amp;quot;brush: xhtml;&amp;quot;&amp;gt;
&amp;amp;lt;head&amp;amp;gt;
&amp;amp;lt;style&amp;amp;gt;
v&amp;amp;agrave; ở giữa n&amp;amp;agrave;y l&amp;amp;agrave; nơi bạn th&amp;amp;ecirc;m v&amp;amp;agrave;o sau n&amp;amp;agrave;y
&amp;amp;lt;/style&amp;amp;gt;
&amp;amp;lt;/head&amp;amp;gt; &amp;lt;/pre&amp;gt;
&amp;lt;p align=&amp;quot;justify&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;font-family: Verdana; font-size: 10pt;&amp;quot;&amp;gt; V&amp;amp;agrave; sau đ&amp;amp;acirc;y l&amp;amp;agrave; cấu tr&amp;amp;uacute;c của CSS:&amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
Tag {definition1;  definition2;.....; definition n} &amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
v&amp;amp;iacute; dụ sau đ&amp;amp;acirc;y về d&amp;amp;ograve;ng lệnh của CSS:  &amp;lt;br /&amp;gt;
&amp;lt;/span&amp;gt;&amp;lt;/p&amp;gt;
&amp;lt;pre title=&amp;quot;code&amp;quot; class=&amp;quot;brush: css;&amp;quot;&amp;gt;
h2 {font-size: 16pt; font-style: italic; font-family: arial} &amp;lt;/pre&amp;gt;
&amp;lt;p align=&amp;quot;justify&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;font-family: Verdana; font-size: 10pt;&amp;quot;&amp;gt;&amp;lt;br /&amp;gt;
V&amp;amp;agrave;  sau đ&amp;amp;acirc;y ch&amp;amp;uacute;ng ta t&amp;amp;igrave;m hiểu về những c&amp;amp;aacute;ch h&amp;amp;agrave;m trong CSS:&amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
1. T&amp;amp;igrave;m hiểu  về c&amp;amp;aacute;ch trang tr&amp;amp;iacute; của font chữ: &amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
a. font-family l&amp;amp;agrave; d&amp;amp;ugrave;ng để khai b&amp;amp;aacute;o  kiểu loại font n&amp;amp;agrave;o bạn sử dụng &amp;lt;br /&amp;gt;
v&amp;amp;iacute; dụ: H2 {font-family: arial} &amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
b.  font-style: l&amp;amp;agrave; d&amp;amp;ugrave;ng để khai b&amp;amp;aacute;o kiểu chữ bạn d&amp;amp;ugrave;ng trong style, b&amp;amp;igrave;nh  thường hay nghi&amp;amp;ecirc;ng &amp;lt;br /&amp;gt;
v&amp;amp;iacute; dụ H3 {font-style: normal} &amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
c. font-weight  v&amp;amp;agrave; font-variant: l&amp;amp;agrave; d&amp;amp;ugrave;ng để trang tr&amp;amp;iacute; kiểu font bạn đang d&amp;amp;ugrave;ng như l&amp;amp;agrave;  s&amp;amp;aacute;ng (light), đậm (bold) &amp;lt;br /&amp;gt;
v&amp;amp;iacute; dụ A:link {font-weight: demi-light} &amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
d.  text-align: l&amp;amp;agrave; vị tr&amp;amp;iacute; nằm của font trong trang web, c&amp;amp;oacute; 3 kiểu l&amp;amp;agrave; nằm  sang tr&amp;amp;aacute;i (left), phải (right) v&amp;amp;agrave; ở giữa l&amp;amp;agrave; (center) &amp;lt;br /&amp;gt;
v&amp;amp;iacute; dụ: H1  {text-align: center} &amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
e. text-decoration: l&amp;amp;agrave; d&amp;amp;ugrave;ng để trang tr&amp;amp;iacute; kiểu  font như l&amp;amp;agrave; italic, blink... &amp;lt;br /&amp;gt;
v&amp;amp;iacute; dụ: A:visited {text-decoration:  blink} &amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
f. text-indent: d&amp;amp;ugrave;ng để size (k&amp;amp;iacute;ch cỡ) m&amp;amp;agrave; bạn đang d&amp;amp;ugrave;ng,  th&amp;amp;ocirc;ng thường d&amp;amp;ugrave;ng l&amp;amp;agrave; &amp;amp;lt;p&amp;amp;gt; v&amp;amp;agrave; &amp;amp;lt;/p&amp;amp;gt; v&amp;amp;agrave; khai b&amp;amp;aacute;o đơn vị l&amp;amp;agrave; in,  cm, pixel &amp;lt;br /&amp;gt;
v&amp;amp;iacute; dụ : P {text-indent: 1in} &amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
g. word-spacing: d&amp;amp;ugrave;ng để  khoảng c&amp;amp;aacute;ch giữa c&amp;amp;aacute;c từ. &amp;lt;br /&amp;gt;
v&amp;amp;iacute; dụ: P {word-spacing: 10px} &amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
h:  letter-spacing: d&amp;amp;ugrave;ng để khoảng c&amp;amp;aacute;ch giữa c&amp;amp;aacute;c chữ &amp;lt;br /&amp;gt;
v&amp;amp;iacute; dụ: P  {letter-spacing: 10px} &amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
i. color: d&amp;amp;ugrave;ng để hiển thị m&amp;amp;agrave;u cho kiểu chữ &amp;lt;br /&amp;gt;
v&amp;amp;iacute;  dụ: H3 {color: #FFFFFF} &amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
Để hiển thị đoạn m&amp;amp;agrave;u bạn muốn, th&amp;amp;igrave; bạn n&amp;amp;ecirc;n  v&amp;amp;agrave;o photoshop v&amp;amp;agrave; chọn m&amp;amp;agrave;u bạn th&amp;amp;iacute;ch v&amp;amp;agrave; sẽ hiện thị ra m&amp;amp;atilde; số v&amp;amp;agrave; bạn chọn  m&amp;amp;atilde; số đ&amp;amp;oacute;. &amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
2.Ch&amp;amp;uacute;ng ta t&amp;amp;igrave;m hiểu về Margin/Background: khi bạn d&amp;amp;ugrave;ng  th&amp;amp;igrave; n&amp;amp;oacute; sẽ ảnh hưởng đến to&amp;amp;agrave;n bộ trang web của bạn. &amp;lt;br /&amp;gt;
a. margin-left:  đoạn canh lề b&amp;amp;ecirc;n tr&amp;amp;aacute;i &amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
b. margin-right: đoạn canh lề b&amp;amp;ecirc;n phải &amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
c.  margin-top: đoạnh canh lền tr&amp;amp;ecirc;n c&amp;amp;ugrave;ng &amp;lt;br /&amp;gt;
v&amp;amp;iacute; dụ ch&amp;amp;uacute;ng ta c&amp;amp;oacute; thể d&amp;amp;ugrave;ng như  sau &amp;lt;br /&amp;gt;
&amp;lt;/span&amp;gt;&amp;lt;/p&amp;gt;
&amp;lt;pre title=&amp;quot;code&amp;quot; class=&amp;quot;brush: css;&amp;quot;&amp;gt;
body {margin-left: 2in}
P {margin-right: 12cm}
body {margin-top: 45px} &amp;lt;/pre&amp;gt;
&amp;lt;p align=&amp;quot;justify&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;font-family: Verdana; font-size: 10pt;&amp;quot;&amp;gt;d. margin: c&amp;amp;oacute; thể khai b&amp;amp;aacute;o ch&amp;amp;uacute;ng một l&amp;amp;uacute;c cho top,  right v&amp;amp;agrave; left như sau &amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
P {margin: 3in 4cm 12px} &amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
e. line-height:  l&amp;amp;agrave; khoảng c&amp;amp;aacute;ch giữa c&amp;amp;aacute;c d&amp;amp;ograve;ng chữ &amp;lt;br /&amp;gt;
v&amp;amp;iacute; dụ: TEXT {line-height: 10px} &amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
f.  background-color: l&amp;amp;agrave; d&amp;amp;ugrave;ng để hiển thị m&amp;amp;agrave;u nền của trang web &amp;lt;br /&amp;gt;
v&amp;amp;iacute; dụ: &amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
BODY  {background-color: #ffffff} &amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
g: background-image: bạn c&amp;amp;oacute; thể d&amp;amp;ugrave;ng  một tấm h&amp;amp;igrave;nh để l&amp;amp;agrave;m background cho trang web bạn &amp;lt;br /&amp;gt;
v&amp;amp;iacute; dụ: &amp;lt;br /&amp;gt;
BODY  {background-image: &amp;lt;/span&amp;gt;&amp;lt;a target=&amp;quot;_blank&amp;quot; href=&amp;quot;http://www.page.com/dog.jpg&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;font-family: Verdana; font-size: 10pt;&amp;quot;&amp;gt;http://www.page.com/dog.jpg&amp;lt;/span&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;span style=&amp;quot;font-family: Verdana; font-size: 10pt;&amp;quot;&amp;gt;} &amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
h.  background-repeat: l&amp;amp;agrave; d&amp;amp;ugrave;ng để lập lại h&amp;amp;igrave;nh nền theo trục tọa độ x v&amp;amp;agrave; y. &amp;lt;br /&amp;gt;
V&amp;amp;iacute;  dụ: &amp;lt;br /&amp;gt;
BODY {background-repeat: repeat-y} &amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
i.  background-attachment: l&amp;amp;agrave; d&amp;amp;ugrave;ng để g&amp;amp;aacute;n h&amp;amp;igrave;nh, h&amp;amp;igrave;nh ảnh nền của trang web  bạn, n&amp;amp;oacute; ko c&amp;amp;oacute; thể di chuyển. &amp;lt;br /&amp;gt;
v&amp;amp;iacute; dụ: &amp;lt;br /&amp;gt;
BODY{background-attachment:  fixed} &amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
3.Ch&amp;amp;uacute;ng ta t&amp;amp;igrave;m hiểu về Position v&amp;amp;agrave; Division: &amp;lt;br /&amp;gt;
a.  Position: l&amp;amp;agrave; d&amp;amp;ugrave;ng để định vị một v&amp;amp;iacute; tr&amp;amp;iacute; x&amp;amp;aacute;c định n&amp;amp;agrave;o đ&amp;amp;oacute; &amp;lt;br /&amp;gt;
&amp;amp;lt;IMG  src=&amp;amp;quot;/home/joe.jpg&amp;amp;quot;&amp;amp;gt; &amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
b. left: l&amp;amp;agrave; d&amp;amp;ugrave;ng để h&amp;amp;igrave;nh ảnh nằm về vị tr&amp;amp;iacute;  b&amp;amp;ecirc;n tr&amp;amp;aacute;i bao nhi&amp;amp;ecirc;u &amp;lt;br /&amp;gt;
&amp;amp;lt;IMG src=&amp;amp;quot;/home/joe.jpg&amp;amp;quot;&amp;amp;gt; &amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
c. right: l&amp;amp;agrave;  d&amp;amp;ugrave;ng để h&amp;amp;igrave;nh ảnh nằm về vị tr&amp;amp;iacute; b&amp;amp;ecirc;n phải bao nhi&amp;amp;ecirc;u &amp;lt;br /&amp;gt;
&amp;amp;lt;IMG  src=&amp;amp;quot;/home/joe.jpg&amp;amp;quot;&amp;amp;gt; &amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
d. Top: l&amp;amp;agrave; d&amp;amp;ugrave;ng để định vị tr&amp;amp;iacute; tr&amp;amp;ecirc;n top của  screen &amp;lt;br /&amp;gt;
&amp;amp;lt;IMG src=&amp;amp;quot;/home/joe.jpg&amp;amp;quot;&amp;amp;gt; &amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
e. Width: l&amp;amp;agrave; d&amp;amp;ugrave;ng để x&amp;amp;aacute;c  định chiều ngang của tấm h&amp;amp;igrave;nh của bạn l&amp;amp;agrave; bao nhi&amp;amp;ecirc;u &amp;lt;br /&amp;gt;
&amp;amp;lt;IMG  src=&amp;amp;quot;/home/joe.jpg&amp;amp;quot;&amp;amp;gt; &amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
f. height: l&amp;amp;agrave; d&amp;amp;ugrave;ng để x&amp;amp;aacute;c định chiều cao của  tấm h&amp;amp;igrave;nh &amp;lt;br /&amp;gt;
&amp;amp;lt;IMG src=&amp;amp;quot;/home/joe.jpg&amp;amp;quot;&amp;amp;gt; &amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
g. overflow: l&amp;amp;agrave; khi  tấm h&amp;amp;igrave;nh của bạn qu&amp;amp;aacute; k&amp;amp;iacute;ch cỡ cho ph&amp;amp;eacute;p th&amp;amp;igrave; n&amp;amp;oacute; c&amp;amp;oacute; thể d&amp;amp;ugrave;ng những chức năng  sau hidden, visible, scroll &amp;lt;br /&amp;gt;
&amp;amp;lt;IMG src=&amp;amp;quot;/home/joe.jpg&amp;amp;quot;&amp;amp;gt; &amp;lt;br /&amp;gt;
v&amp;amp;agrave;  sau đ&amp;amp;acirc;y l&amp;amp;agrave; đoạn code khi bạn nh&amp;amp;igrave;n thấy trong web: &amp;lt;br /&amp;gt;
&amp;amp;lt;BODY&amp;amp;gt;  &amp;amp;lt;/STYLE&amp;amp;gt; &amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
Ch&amp;amp;uacute;ng ta sẽ đi t&amp;amp;igrave;m hiểu từng phần, phần thứ nhất  ch&amp;amp;uacute;ng ta sẽ t&amp;amp;igrave;m hiểu vể TEXT: &amp;lt;br /&amp;gt;
v&amp;amp;iacute; dụ d&amp;amp;ograve;ng chữ sau &amp;lt;/span&amp;gt;&amp;lt;/p&amp;gt;
&amp;lt;pre title=&amp;quot;code&amp;quot; class=&amp;quot;brush: css;&amp;quot;&amp;gt;
a:link { color: blue; text-decoration: none } 
a:active { color: red; text-decoration: none } 
a:visited { color: blue; text-decoration: none } 
a:hover { color: green; text-decoration: underline } &amp;lt;/pre&amp;gt;
&amp;lt;p align=&amp;quot;justify&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;font-family: Verdana; font-size: 10pt;&amp;quot;&amp;gt;a:link  l&amp;amp;agrave; để hiển thị khi bạn nh&amp;amp;igrave;n thấy m&amp;amp;agrave;u chữ l&amp;amp;agrave; xanh &amp;lt;br /&amp;gt;
a:ative l&amp;amp;agrave; để hiển  thị m&amp;amp;agrave;u đỏ khi bạn click v&amp;amp;agrave;o d&amp;amp;ograve;ng chữ đ&amp;amp;oacute; &amp;lt;br /&amp;gt;
a:visited l&amp;amp;agrave; để hiển thị  m&amp;amp;agrave;u xanh khi bạn nh&amp;amp;igrave;n thấy &amp;lt;br /&amp;gt;
a:hover l&amp;amp;agrave; để hiện th&amp;amp;igrave; m&amp;amp;agrave;u xanh l&amp;amp;aacute; c&amp;amp;acirc;y  khi bạn d&amp;amp;ugrave;ng con chuột đặt l&amp;amp;ecirc;n d&amp;amp;ograve;ng chữ đ&amp;amp;oacute; &amp;lt;br /&amp;gt;
Text-decoration: l&amp;amp;agrave; d&amp;amp;ugrave;ng  để trang tr&amp;amp;iacute; d&amp;amp;ograve;ng chữ v&amp;amp;iacute; dụ underline l&amp;amp;agrave; gạch dưới &amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
v&amp;amp;agrave; sau đ&amp;amp;acirc;y l&amp;amp;agrave;  những code c&amp;amp;oacute; t&amp;amp;aacute;c dụng tương tự như tr&amp;amp;ecirc;n nhưng thay đổi m&amp;amp;agrave;u: &amp;lt;/span&amp;gt;&amp;lt;/p&amp;gt;
&amp;lt;pre title=&amp;quot;code&amp;quot; class=&amp;quot;brush: css;&amp;quot;&amp;gt;
a.tree:link { color: green; text-decoration: none }
a.tree:active { color: yellow; text-decoration: none }
a.tree:visited { color: red; text-decoration: none }
a.tree:hover { color: orange; text-decoration: underline }
a.dog:link { color: blue; text-decoration: none }
a.dog:active { color: red; text-decoration: none }
a.dog:visited { color: blue; text-decoration: none }
a.dog:hover { color: green; text-decoration: underline }&amp;lt;/pre&amp;gt;
&amp;lt;p align=&amp;quot;justify&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;font-family: Verdana; font-size: 10pt;&amp;quot;&amp;gt;&amp;amp;lt;a  href=&amp;amp;quot;/home/index.html&amp;amp;quot; class=&amp;amp;quot;tree&amp;amp;quot;&amp;amp;gt;Index&amp;amp;lt;/a&amp;amp;gt; &amp;lt;br /&amp;gt;
Bạn c&amp;amp;oacute; thể  d&amp;amp;ugrave;ng đoạn text tr&amp;amp;ecirc;n link đến một trang web n&amp;amp;agrave;o kh&amp;amp;aacute;c như l&amp;amp;agrave;  nhothuong.html v&amp;amp;agrave; cấu tr&amp;amp;uacute;c lu&amp;amp;ocirc;n bắt đầu bằng &amp;amp;lt;a&amp;amp;gt; v&amp;amp;agrave; kết th&amp;amp;uacute;c  &amp;amp;lt;/a&amp;amp;gt; href=&amp;amp;quot;/home/ l&amp;amp;agrave; d&amp;amp;ugrave;ng để link đến trang web m&amp;amp;agrave; bạn muốn tới.&amp;amp;quot;  C&amp;amp;ograve;n class=&amp;amp;quot;tree&amp;amp;quot; l&amp;amp;agrave; d&amp;amp;ugrave;ng để khai b&amp;amp;aacute;o t&amp;amp;ecirc;n của class đ&amp;amp;oacute;. &amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
Đ&amp;amp;acirc;y cũng l&amp;amp;agrave;  đoạn code cũng c&amp;amp;oacute; t&amp;amp;aacute;c dụng như tr&amp;amp;ecirc;n &amp;lt;br /&amp;gt;
&amp;amp;lt;a href=&amp;amp;quot;/home/index2.html&amp;amp;quot;  class=&amp;amp;quot;dog&amp;amp;quot;&amp;amp;gt;Index2&amp;amp;lt;/a&amp;amp;gt; &amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
V&amp;amp;agrave; sau đ&amp;amp;acirc;y l&amp;amp;agrave; những đoạn code, bạn  c&amp;amp;oacute; thể trang tr&amp;amp;iacute; th&amp;amp;ecirc;m l&amp;amp;agrave;m để xung th&amp;amp;ecirc;m chức năng của n&amp;amp;oacute;. &amp;lt;/span&amp;gt;&amp;lt;/p&amp;gt;
&amp;lt;pre title=&amp;quot;code&amp;quot; class=&amp;quot;brush: css;&amp;quot;&amp;gt;
a:link { color: green; text-decoration: none } 
a:active { color: yellow; text-decoration: none } 
a:visited { color: green; text-decoration: none } 
a:hover { color: green; text-decoration: underline;background: #F9EDED }

/*******/

&amp;lt;span style=&amp;quot;font-family: Verdana; font-size: 10pt;&amp;quot;&amp;gt;a.link { color: green; text-decoration: none }  a.active { color: yellow; text-decoration: none }  a:visited { color: green; text-decoration: none }&amp;lt;br /&amp;gt;a.hover { color: orange; text-decoration: underline; font-family :Verdana, Arial, Helvetica, sans-serif; }&amp;lt;/span&amp;gt;

/******/

&amp;lt;span style=&amp;quot;font-family: Verdana; font-size: 10pt;&amp;quot;&amp;gt;a.link { color:green; text-decoration: none }  a.active { color:yellow; text-decoration: none }  a:visited { color: green; text-decoration: none }  a.hover { color: orange; text-decoration: underline; font-size:40pt }&amp;lt;/span&amp;gt;

/******/

&amp;lt;span style=&amp;quot;font-family: Verdana; font-size: 10pt;&amp;quot;&amp;gt;a.link { color: green; text-decoration: none }  a.active { color: yellow; text-decoration: none }  a:visited { color: green; text-decoration: none }&amp;lt;br /&amp;gt;a.hover { color: orange; text-decoration: underline; font-weight: bold}&amp;lt;/span&amp;gt;

/*****/

&amp;lt;span style=&amp;quot;font-family: Verdana; font-size: 10pt;&amp;quot;&amp;gt;a.italic:link { color: green; text-decoration: none }  a.italic:active { color: yellow; text-decoration: none }  a:italic:visited { color: green; text-decoration: none }  a.italic:hover { color: orange; text-decoration: underline; font-style: italic}&amp;lt;/span&amp;gt;&amp;lt;/pre&amp;gt;
&amp;lt;p align=&amp;quot;justify&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;font-family: Verdana; font-size: 10pt;&amp;quot;&amp;gt;&amp;lt;br /&amp;gt;
Bạn muốn đưa con  trỏ của bạn v&amp;amp;agrave;o CSS chỉ cần d&amp;amp;ugrave;ng d&amp;amp;ograve;ng sau &amp;lt;br /&amp;gt;
CURSOR:  url('/home/tencontro.ani'); &amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
Tiếp theo sau ch&amp;amp;uacute;ng ta t&amp;amp;igrave;m hiểu về  scroll bar trong CSS &amp;lt;br /&amp;gt;
v&amp;amp;iacute; dụ đoạn code sau: &amp;lt;/span&amp;gt;&amp;lt;/p&amp;gt;
&amp;lt;pre title=&amp;quot;code&amp;quot; class=&amp;quot;brush: css;&amp;quot;&amp;gt;
BODY { scrollbar-base-color: orange; scrollbar-arrow-color: green; scrollbar-DarkShadow-Color: blue; }&amp;lt;/pre&amp;gt;
&amp;lt;p align=&amp;quot;justify&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;font-family: Verdana; font-size: 10pt;&amp;quot;&amp;gt;scrollbar-base-color:  orange; l&amp;amp;agrave; hiển thị m&amp;amp;agrave;u cam, cho nguy&amp;amp;ecirc;n thanh bar từ tr&amp;amp;ecirc;n xuống dưới &amp;lt;br /&amp;gt;
scrollbar-arrow-color:  green; l&amp;amp;agrave; hiển thị m&amp;amp;agrave;u xanh, cho 2 c&amp;amp;aacute;i mũi t&amp;amp;ecirc;n l&amp;amp;ecirc;n v&amp;amp;agrave; xuống &amp;lt;br /&amp;gt;
scrollbar-DarkShadow-Color:  blue; l&amp;amp;agrave; hiện thị b&amp;amp;oacute;ng m&amp;amp;agrave;u xanh của thanh scroll &amp;lt;br /&amp;gt;
scrollbar-base-color:  l&amp;amp;agrave; h&amp;amp;igrave;nh để hiển thị to&amp;amp;agrave;n bộ m&amp;amp;agrave;u của thanh scroll &amp;lt;br /&amp;gt;
scrollbar-Face-Color:  l&amp;amp;agrave; để hiển thị m&amp;amp;agrave;u tr&amp;amp;ecirc;n bề mặt của thanh scroll &amp;lt;br /&amp;gt;
scrollbar-Highlight-Color:  l&amp;amp;agrave; để hiện th&amp;amp;igrave; m&amp;amp;agrave;u hightlight của thanh scroll &amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
B&amp;amp;agrave;i viết về c&amp;amp;aacute;c t&amp;amp;ugrave;y  biến trong giao diện ( rất tốt cho bạn n&amp;amp;agrave;o muốn thay đổi m&amp;amp;agrave;u sắc của  skin forum ) &amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
Ch&amp;amp;egrave;n ảnh nền v&amp;amp;agrave;o phần nhập nội dung b&amp;amp;agrave;i viết: &amp;lt;br /&amp;gt;
V&amp;amp;agrave;o  Style &amp;amp;amp; Templates/ Manager Style/ Main CSS &amp;lt;br /&amp;gt;
Tại phần Soạn thảo  WYSIWYG ta thay phần m&amp;amp;agrave;u nền background th&amp;amp;agrave;nh &amp;lt;br /&amp;gt;
#F5F5FF  url(images/misc/anhnen_text_box.gif) no-repeat center &amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
Trong đ&amp;amp;oacute;  t&amp;amp;ecirc;n &amp;amp;quot;anhnen_text_box.gif&amp;amp;quot; l&amp;amp;agrave; t&amp;amp;ecirc;n ảnh m&amp;amp;agrave; bạn muốn ch&amp;amp;egrave;n đặt tại thư mục  images/misc/ &amp;lt;br /&amp;gt;
Thế thui &amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
L&amp;amp;agrave;m viền cho n&amp;amp;uacute;t &amp;lt;br /&amp;gt;
Ta tới phần N&amp;amp;uacute;t  (Button) &amp;lt;br /&amp;gt;
Thay v&amp;amp;agrave;o gi&amp;amp;aacute; trị m&amp;amp;agrave;u nền l&amp;amp;agrave;: #E4E7F5 &amp;lt;br /&amp;gt;
Th&amp;amp;ecirc;m v&amp;amp;agrave;o &amp;amp;ocirc; thuộc  t&amp;amp;iacute;nh CSS đặc biệt (ph&amp;amp;iacute;a b&amp;amp;ecirc;n phải của &amp;amp;ocirc; m&amp;amp;agrave;u nền ấy): &amp;lt;br /&amp;gt;
BORDER-RIGHT:  #5182c2 1px dotted; BORDER-TOP: #5182c2 1px dotted; BORDER-LEFT: #5182c2  1px dotted; BORDER-BOTTOM: #5182c2 1px dotted; &amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
Trong đ&amp;amp;oacute; t&amp;amp;ecirc;n  &amp;amp;quot;anhnen_text_box.gif&amp;amp;quot; l&amp;amp;agrave; t&amp;amp;ecirc;n ảnh m&amp;amp;agrave; bạn muốn ch&amp;amp;egrave;n đặt tại thư mục  images/misc/ &amp;lt;br /&amp;gt;
Thế thui &amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
L&amp;amp;agrave;m viền cho n&amp;amp;uacute;t &amp;lt;br /&amp;gt;
Ta tới phần N&amp;amp;uacute;t  (Button) &amp;lt;br /&amp;gt;
Thay v&amp;amp;agrave;o gi&amp;amp;aacute; trị m&amp;amp;agrave;u nền l&amp;amp;agrave;: #E4E7F5 &amp;lt;br /&amp;gt;
Th&amp;amp;ecirc;m v&amp;amp;agrave;o &amp;amp;ocirc; thuộc  t&amp;amp;iacute;nh CSS đặc biệt (ph&amp;amp;iacute;a b&amp;amp;ecirc;n phải của &amp;amp;ocirc; m&amp;amp;agrave;u nền ấy): &amp;lt;br /&amp;gt;
BORDER-RIGHT:  #5182c2 1px dotted; BORDER-TOP: #5182c2 1px dotted; BORDER-LEFT: #5182c2  1px dotted; BORDER-BOTTOM: #5182c2 1px dotted; &amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
Sau đ&amp;amp;oacute; bạn c&amp;amp;oacute;  thể thay c&amp;amp;aacute;c thuộc t&amp;amp;iacute;nh như: &amp;lt;br /&amp;gt;
m&amp;amp;agrave;u sắc viền (#5182c2) &amp;lt;br /&amp;gt;
Độ d&amp;amp;agrave;y viền :  1px dotted &amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
Ch&amp;amp;egrave;n ảnh nền v&amp;amp;agrave;o thẻ Body của trang chủ. C&amp;amp;aacute;i n&amp;amp;agrave;y nếu  biết c&amp;amp;aacute;ch sử dụng th&amp;amp;igrave; sẽ rất hữu &amp;amp;iacute;ch &amp;lt;br /&amp;gt;
Tại phần Trang nền (Background  page) ngay b&amp;amp;ecirc;n dưới phần Body đ&amp;amp;oacute; ta nhập thuộc t&amp;amp;iacute;nh v&amp;amp;agrave;o &amp;amp;ocirc; m&amp;amp;agrave;u nền như  sau: &amp;lt;br /&amp;gt;
#FFFFFF url(images/misc/dot.gif) &amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
Sau đ&amp;amp;oacute; bạn c&amp;amp;oacute; thể thay  c&amp;amp;aacute;c thuộc t&amp;amp;iacute;nh như: &amp;lt;br /&amp;gt;
m&amp;amp;agrave;u sắc viền (#5182c2) &amp;lt;br /&amp;gt;
Độ d&amp;amp;agrave;y viền : 1px  dotted &amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
Ch&amp;amp;egrave;n ảnh nền v&amp;amp;agrave;o thẻ Body của trang chủ. C&amp;amp;aacute;i n&amp;amp;agrave;y nếu biết  c&amp;amp;aacute;ch sử dụng th&amp;amp;igrave; sẽ rất hữu &amp;amp;iacute;ch &amp;lt;br /&amp;gt;
Tại phần Trang nền (Background  page) ngay b&amp;amp;ecirc;n dưới phần Body đ&amp;amp;oacute; ta nhập thuộc t&amp;amp;iacute;nh v&amp;amp;agrave;o &amp;amp;ocirc; m&amp;amp;agrave;u nền như  sau: &amp;lt;br /&amp;gt;
#FFFFFF url(images/misc/dot.gif) &amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
Trong đ&amp;amp;oacute; t&amp;amp;ecirc;n ảnh l&amp;amp;agrave;  &amp;amp;quot;dot.gif&amp;amp;quot; đặt trong thư mục &amp;amp;quot;images/misc/&amp;amp;quot; &amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
Category Strips &amp;lt;br /&amp;gt;
'Category  Strips' được d&amp;amp;ugrave;ng với hai mục đ&amp;amp;iacute;ch. N&amp;amp;oacute; được d&amp;amp;ugrave;ng để chỉ ra một 'Chuy&amp;amp;ecirc;n  mục' diễn đ&amp;amp;agrave;n, v&amp;amp;agrave; n&amp;amp;oacute; cũng được sử dụng như một kiểu giao diện cho nội  dung thanh ti&amp;amp;ecirc;u đề của hầu hết c&amp;amp;aacute;c bảng. &amp;lt;br /&amp;gt;
Nếu ta muốn ch&amp;amp;egrave;n ảnh v&amp;amp;agrave;o  phần thanh ti&amp;amp;ecirc;u đề của &amp;amp;quot;Chuy&amp;amp;ecirc;n mục&amp;amp;quot; th&amp;amp;igrave; ta nhập v&amp;amp;agrave;o &amp;amp;ocirc; m&amp;amp;agrave;u nền như sau: &amp;lt;br /&amp;gt;
#FFFFFF  url(images/misc/table_header_bg.gif) repeat-x top left &amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
Trong đ&amp;amp;oacute;  #FFFFFF (m&amp;amp;agrave;u trắng) l&amp;amp;agrave; m&amp;amp;agrave;u nền c&amp;amp;ograve;n ảnh nền th&amp;amp;igrave; c&amp;amp;aacute;c bạn cũng đ&amp;amp;atilde; hiểu với  phần tr&amp;amp;ecirc;n. &amp;lt;br /&amp;gt;
Lưu &amp;amp;yacute; rằng c&amp;amp;aacute;c bạn phải ch&amp;amp;uacute; trọng cả đến m&amp;amp;agrave;u ảnh nền v&amp;amp;agrave;  m&amp;amp;agrave;u Font. Để cho 2 c&amp;amp;aacute;i c&amp;amp;oacute; độ tương phản cho dễ đọc &amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
M&amp;amp;agrave;u đầu ti&amp;amp;ecirc;n  (First color) v&amp;amp;agrave; m&amp;amp;agrave;u thứ hai (Second color) &amp;lt;br /&amp;gt;
M&amp;amp;ocirc; tả: &amp;lt;br /&amp;gt;
Hầu hết c&amp;amp;aacute;c  bảng trong diễn đ&amp;amp;agrave;n d&amp;amp;ugrave;ng m&amp;amp;agrave;u đầu ti&amp;amp;ecirc;n hoặc thứ hai cho m&amp;amp;agrave;u nền. Đặt  thuộc t&amp;amp;iacute;nh để sử dụng 'M&amp;amp;agrave;u đầu ti&amp;amp;ecirc;n' tại đ&amp;amp;acirc;y. &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u đầu ti&amp;amp;ecirc;n l&amp;amp;agrave; m&amp;amp;agrave;u  nền của phần nội dung b&amp;amp;agrave;i viết khi bạn xem chủ đề &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u thứ hai l&amp;amp;agrave; m&amp;amp;agrave;u  nền của phần c&amp;amp;oacute; chứa t&amp;amp;ecirc;n sử dụng, Avatar, danh hiệu... của người viết  b&amp;amp;agrave;i &amp;lt;br /&amp;gt;
C&amp;amp;aacute;c bạn n&amp;amp;ecirc;n sửa cho ph&amp;amp;ugrave; hợp với t&amp;amp;ocirc;ng m&amp;amp;agrave;u của m&amp;amp;agrave;u nền diễn đ&amp;amp;agrave;n  một c&amp;amp;aacute;ch h&amp;amp;agrave;i ho&amp;amp;agrave;. &amp;lt;br /&amp;gt;
Sau đ&amp;amp;acirc;y l&amp;amp;agrave; thiết lập giao diện của t&amp;amp;ocirc;i đ&amp;amp;atilde; thực  hiện. T&amp;amp;ocirc;i cho rằng giao diện n&amp;amp;agrave;y sửa th&amp;amp;ecirc;m một v&amp;amp;agrave;i chi tiết nữa th&amp;amp;igrave; chẳng  k&amp;amp;eacute;m giao diện của anh Admin b&amp;amp;ecirc;n n&amp;amp;agrave;y. Ch&amp;amp;uacute; &amp;amp;yacute; rằng giao diện đẹp th&amp;amp;igrave; phải  đi đ&amp;amp;ocirc;i với bộ n&amp;amp;uacute;t đẹp. C&amp;amp;aacute;c bạn n&amp;amp;ecirc;n sắm cho m&amp;amp;igrave;nh một bộ n&amp;amp;uacute;t ăn &amp;amp;yacute; với giao  diện. C&amp;amp;ograve;n b&amp;amp;acirc;y giờ đ&amp;amp;acirc;y l&amp;amp;agrave; phần giao diện của t&amp;amp;ocirc;i: &amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
Body &amp;lt;br /&amp;gt;
Giữ  nguy&amp;amp;ecirc;n thiết lập gốc &amp;lt;br /&amp;gt;
---------- &amp;lt;br /&amp;gt;
Trang nền (Background page) &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u  nền: #FFFFFF url(images/misc/dot.gif) &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u Font: #000000 &amp;lt;br /&amp;gt;
------------------------------  &amp;lt;br /&amp;gt;
&amp;amp;lt;td&amp;amp;gt;, &amp;amp;lt;th&amp;amp;gt;, &amp;amp;lt;p&amp;amp;gt;, &amp;amp;lt;li&amp;amp;gt; &amp;lt;br /&amp;gt;
Giữ nguy&amp;amp;ecirc;n thiết  lập gốc &amp;lt;br /&amp;gt;
------------------------- &amp;lt;br /&amp;gt;
Viền bảng &amp;lt;br /&amp;gt;
Giữ nguy&amp;amp;ecirc;n thiết  lập gốc &amp;lt;br /&amp;gt;
------------------------------- &amp;lt;br /&amp;gt;
Category Strips &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u  nền: #FFFFFF url(images/misc/tm.gif) no-repeat center &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u Font:  #003366 &amp;lt;br /&amp;gt;
Li&amp;amp;ecirc;n kết CSS b&amp;amp;igrave;nh thường &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u nền: transparent &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u  Font: #003366 &amp;lt;br /&amp;gt;
Text decoration: None &amp;lt;br /&amp;gt;
Li&amp;amp;ecirc;n kết CSS đ&amp;amp;atilde; v&amp;amp;agrave;o: &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u  nền: transparent &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u Font: #666666 &amp;lt;br /&amp;gt;
Text decoration: None &amp;lt;br /&amp;gt;
Li&amp;amp;ecirc;n  kết CSS Hover &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u nền: transparent &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u Font: #006699 &amp;lt;br /&amp;gt;
Text  decoration: underline &amp;lt;br /&amp;gt;
----------------------------------------- &amp;lt;br /&amp;gt;
Table  Header &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u nền: #FFFFFF url(images/misc/table_header_bg.gif)  repeat-x top left &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u Font: #003366 &amp;lt;br /&amp;gt;
Li&amp;amp;ecirc;n kết CSS b&amp;amp;igrave;nh thường &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u  nền: transparent &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u Font: #003366 &amp;lt;br /&amp;gt;
Text decoration: None &amp;lt;br /&amp;gt;
Li&amp;amp;ecirc;n  kết CSS đ&amp;amp;atilde; v&amp;amp;agrave;o: &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u nền: transparent &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u Font: #666666 &amp;lt;br /&amp;gt;
Text  decoration: None &amp;lt;br /&amp;gt;
Li&amp;amp;ecirc;n kết CSS Hover &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u nền: transparent &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u  Font: #006699 &amp;lt;br /&amp;gt;
Text decoration: underline &amp;lt;br /&amp;gt;
--------------------------------------  &amp;lt;br /&amp;gt;
Table Footer &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u nền: #FFFFFF &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u Font: #003366 &amp;lt;br /&amp;gt;
Li&amp;amp;ecirc;n  kết CSS b&amp;amp;igrave;nh thường &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u nền: transparent &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u Font: #003366 &amp;lt;br /&amp;gt;
Text  decoration: None &amp;lt;br /&amp;gt;
Li&amp;amp;ecirc;n kết CSS đ&amp;amp;atilde; v&amp;amp;agrave;o: &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u nền: transparent &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u  Font: #666666 &amp;lt;br /&amp;gt;
Text decoration: None &amp;lt;br /&amp;gt;
Li&amp;amp;ecirc;n kết CSS Hover &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u  nền: transparent &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u Font: #006699 &amp;lt;br /&amp;gt;
Text decoration: underline &amp;lt;br /&amp;gt;
----------------------------------  &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u đầu ti&amp;amp;ecirc;n M&amp;amp;agrave;u thứ hai &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u nền: #FFFFFF &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u Font: #003366  &amp;lt;br /&amp;gt;
Thuộc t&amp;amp;iacute;nh CSS đặc biệt: &amp;lt;br /&amp;gt;
border: 1px solid #E5E5E5; &amp;lt;br /&amp;gt;
----------------------------------  &amp;lt;br /&amp;gt;
Soạn thảo WYSIWYG &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u nền: #F5F5FF  url(images/misc/anhnen_text_box.gif) no-repeat center &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u Font:  #003366 &amp;lt;br /&amp;gt;
Thuộc t&amp;amp;iacute;nh CSS đặc biệt: &amp;lt;br /&amp;gt;
BORDER-RIGHT: #5182c2 1px  dotted; BORDER-TOP: #5182c2 1px dotted; BORDER-LEFT: #5182c2 1px dotted;  BORDER-BOTTOM: #5182c2 1px dotted; &amp;lt;br /&amp;gt;
------------------------- &amp;lt;br /&amp;gt;
&amp;amp;Ocirc;  nhập liệu &amp;lt;br /&amp;gt;
Thuộc t&amp;amp;iacute;nh CSS đặc biệt: &amp;lt;br /&amp;gt;
BORDER-RIGHT: #5182c2 1px  dotted; BORDER-TOP: #5182c2 1px dotted; BORDER-LEFT: #5182c2 1px dotted;  BORDER-BOTTOM: #5182c2 1px dotted; &amp;lt;br /&amp;gt;
----------------------------------  &amp;lt;br /&amp;gt;
N&amp;amp;uacute;t (Button) &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u nền: #E4E7F5 &amp;lt;br /&amp;gt;
Thuộc t&amp;amp;iacute;nh CSS đặc biệt: &amp;lt;br /&amp;gt;
BORDER-RIGHT:  #5182c2 1px dotted; BORDER-TOP: #5182c2 1px dotted; BORDER-LEFT:  #5182c2 1px dotted; BORDER-BOTTOM: #5182c2 1px dotted; &amp;lt;br /&amp;gt;
------------------------------------  &amp;lt;br /&amp;gt;
Menu &amp;lt;br /&amp;gt;
Small Font &amp;lt;br /&amp;gt;
Time Color &amp;lt;br /&amp;gt;
Được giữ nguy&amp;amp;ecirc;n thiết lập  gốc &amp;lt;br /&amp;gt;
------------------------------------- &amp;lt;br /&amp;gt;
Navbar Text &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u  nền: #FFFFFF &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u Font: #003366 &amp;lt;br /&amp;gt;
-------------------------------------  &amp;lt;br /&amp;gt;
Highlighted Font &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u nền: #FFFFFF &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u Font: #FF0000 &amp;lt;br /&amp;gt;
------------------------------------  &amp;lt;br /&amp;gt;
Panel Surround &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u nền: #D5D8E5  url(images/gradients/gradient_panelsurround.gif) repeat-x top left &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u  font: #000000 &amp;lt;br /&amp;gt;
--------------------------------- &amp;lt;br /&amp;gt;
Panel (Forms) &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u  nền: #E4E7F5 url(images/gradients/gradient_panel.gif) repeat-x top left  &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u font: #000000 &amp;lt;br /&amp;gt;
-------------------------------- &amp;lt;br /&amp;gt;
&amp;amp;lt;legend&amp;amp;gt;  &amp;lt;br /&amp;gt;
Giữ nguy&amp;amp;ecirc;n &amp;lt;br /&amp;gt;
-------------------------------- &amp;lt;br /&amp;gt;
Điều khiển menu  Popup &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u nền: #FFFFFF &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u Font: #003366 &amp;lt;br /&amp;gt;
Thuộc t&amp;amp;iacute;nh CSS đặc  biệt: &amp;lt;br /&amp;gt;
padding: 3px 6px 3px 6px; &amp;lt;br /&amp;gt;
white-space: nowrap; &amp;lt;br /&amp;gt;
Li&amp;amp;ecirc;n  kết CSS b&amp;amp;igrave;nh thường &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u nền: #FFFFFF &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u Font: #003366 &amp;lt;br /&amp;gt;
Text  decoration: None &amp;lt;br /&amp;gt;
Li&amp;amp;ecirc;n kết CSS đ&amp;amp;atilde; v&amp;amp;agrave;o: &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u nền: #FFFFFF &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u  Font: #666666 &amp;lt;br /&amp;gt;
Text decoration: None &amp;lt;br /&amp;gt;
Li&amp;amp;ecirc;n kết CSS Hover &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u  nền: #FFFFFF &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u Font: #006699 &amp;lt;br /&amp;gt;
Text decoration: underline &amp;lt;br /&amp;gt;
-------------------------------  &amp;lt;br /&amp;gt;
Popup Menu Body &amp;lt;br /&amp;gt;
Giữ nguy&amp;amp;ecirc;n &amp;lt;br /&amp;gt;
------------------------------- &amp;lt;br /&amp;gt;
T&amp;amp;ugrave;y  chọn d&amp;amp;ograve;ng cho Menu Popup &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u nền: #FFFFFF &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u Font: #000000 &amp;lt;br /&amp;gt;
Thuộc  t&amp;amp;iacute;nh CSS đặc biệt &amp;lt;br /&amp;gt;
white-space: nowrap; &amp;lt;br /&amp;gt;
cursor: pointer; &amp;lt;br /&amp;gt;
Li&amp;amp;ecirc;n  kết CSS b&amp;amp;igrave;nh thường &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u nền: #FFFFFF &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u Font: #22229C &amp;lt;br /&amp;gt;
Text  decoration: None &amp;lt;br /&amp;gt;
Li&amp;amp;ecirc;n kết CSS đ&amp;amp;atilde; v&amp;amp;agrave;o: &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u nền: #FFFFFF &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u  Font: #22229C &amp;lt;br /&amp;gt;
Text decoration: None &amp;lt;br /&amp;gt;
Li&amp;amp;ecirc;n kết CSS Hover &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u  nền: #FFFFFF &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u Font: #FFFFFF &amp;lt;br /&amp;gt;
Text decoration: None &amp;lt;br /&amp;gt;
---------------------------------  &amp;lt;br /&amp;gt;
Menu chuyển nhanh &amp;lt;br /&amp;gt;
Item selected &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u nền:#FFFFFF &amp;lt;br /&amp;gt;
M&amp;amp;agrave;u  Font: #003366 &amp;lt;br /&amp;gt;
---------------------------------&amp;lt;/span&amp;gt;&amp;lt;/p&amp;gt;</Body><CommentEnabled>True</CommentEnabled><ViewCount>0</ViewCount><ReleaseDate>4/12/2010 9:40:21 AM</ReleaseDate><TotalComment>0</TotalComment><IsMedia>False</IsMedia><IsPicture>False</IsPicture><IsVote>True</IsVote><ArticlePassword /><PostVisible>0</PostVisible><ArticlePath>/2010/3/21/Dinh-nghia-CSS-va-buoc-bat-dau-35D</ArticlePath><Approved>True</Approved><ImagePath /><CategoryId>29</CategoryId><ArrayCatID>29|25</ArrayCatID></Article></Articles>